<template class='temp'>
  <div>
    <select v-model='Vselect'>
      <option v-for="(item,index) in list" :value="item">{{item}}</option>
    </select>
    <select>
      <option v-for='(item,index) in list_1' :value="item">{{item}}</option>
    </select>

  </div>
</template>
<script>
  export default {
    data:function(){
      return{
        list:["A","B","C"],
        list_1:[],
        Vselect:''
      }
    },
    props:['tip'],
    watch:{
      Vselect(newV,oldV){
        this.ajaxFn(newV)
      }
    },
    methods:{
      ajaxFn(newV){
        switch (newV)
        {
          case "A":
            this.list_1=["A","A","A"]
          break;
          case "B":
            this.list_1=["B","B","B"]
          break;
          case "C":
            this.list_1=["C","C","C"]
          break;
        }
      }
    },
    created(){}
  }
</script>
<style scoped>

</style>